<template>
    <n-card class="wh-full flex flex-col">
        <!-- search -->
        <n-space class="mb-xs search-form">
            <slot name="searchForm"/>
        </n-space>
        <!-- table -->
        <div class="flex-col flex-1">

            <n-space justify="space-between"  class="mb-xs">
                <n-space>
					 				<!-- 按钮组 -->
									<slot name="btnBar"/>
								</n-space>
								<n-space>
									 <!-- 工具组 -->
									<slot name="toolBar"/>
								</n-space>
            </n-space>
            <slot name="dataTable"/>
        </div>
    </n-card>
</template>

<script  setup lang='ts' >
defineOptions({ name: 'SContainer' });
</script>

<style lang='scss' scoped>
:deep(.n-card__content) {
    display: flex;
    flex-direction: column;

}
:deep(.n-form--inline){
    flex-wrap: wrap;
}
.search-form{
	margin-bottom: .5rem;
}
:deep(.search-form .n-form-item){
	margin-bottom: .5rem;
}
:deep(.search-form .n-form-item .n-form-item-feedback-wrapper){
	display: none;
}
</style>
